@(missionName: String)(implicit request: RequestHeader)
@main("新建任务") {

	<style>

			.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
				background-color: white;
			}

			.form-horizontal .has-feedback .form-control-feedback {
				top: 0;
				right: -15px;
			}

	</style>

	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">新建任务</h2>
		</div>
	</div>

	<div class="page-content">

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">

					<div class="portlet-body" id="parentPanel">

						<form id="form" class=" form-horizontal" accept-charset="UTF-8"
						method="post" style="margin-top: 30px;">

							<div class="col-sm-offset-2">
								<span class="error" style="line-height: 35px;">@request.flash.get("info")</span>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">任务名: </label>
								<div class="col-sm-4">
									<input class="form-control" name="missionName" value="@missionName">
								</div>
							</div>

							<div style="display: none" class="form-group">
								<label class="control-label col-sm-2">任务描述: </label>
								<div class="col-sm-6">
									<textarea class="form-control" name="missionIntro" rows="3"></textarea>
								</div>
							</div>

							<div id="fq1File" >
								<div class="form-group">
									<label class="control-label col-sm-2">fq1文件:</label>
									<div class="col-sm-8">
										<input type="file" class="file control-label" name="fq1File" data-show-preview="false"
										data-show-upload="false" accept=".fq,.fastq">
										<span class="help-block"><a href="@routes.ToolController.downloadExampleData()?fileName=1.fq"><em>
											示例</em></a></span>
									</div>
								</div>
							</div>

							<div id="fq2File" >
								<div class="form-group">
									<label class="control-label col-sm-2">fq2文件:</label>
									<div class="col-sm-8">
										<input type="file" class="file control-label" name="fq2File" data-show-preview="false"
										data-show-upload="false" accept=".fq,.fastq">
										<span class="help-block"><a href="@routes.ToolController.downloadExampleData()?fileName=2.fq"><em>
											示例</em></a></span>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">数据库:</label>
								<div class="col-sm-4">
									<select class="form-control" name="db">
									</select>
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">trim5<span>
									<a type="button" class="selfQuestion" title="说明" data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="trim bases from 5'/left end of reads"
									data-trigger="hover"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control" name="trim5" value="0">
								</div>
								<label class="control-label col-sm-2">trim3<span>
									<a type="button" class="selfQuestion" title="说明" data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="trim bases from 3'/right end of reads"
									data-trigger="hover"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control" name="trim3" value="0">
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">线程数<span>
									<a type="button" class="selfQuestion" title="说明" data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="number of alignment threads to launch"
									data-trigger="hover"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control" name="threadNum" value="20">
								</div>
							</div>

							<div class="form-group form-horizontal">
								<div class="actions col-sm-offset-2 col-sm-2">
									<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
										运行</button>
								</div>
							</div>

						</form>

					</div>

				</div>
			</div>
		</div>

	</div>

	<script>

			$(function () {
				NewMission.init
			})


	</script>


}